<#include "../_sys/layout/layout-content.ftl"/>
<@head title="企业部门信息" keywords="关键字" description="内容描述">
</@head>
<@body>
<div class="row" id="page_content_depart" style="display:none">
	<div class="col-md-12 col-sm-12 col-xs-12">
		<div class="x_panel">

			<div class="row">
				<div class="col-md-4 col-sm-4 col-xs-12">
					<div class="x_panel">
						<div class="x_title">
							<div class="col-md-9 col-sm-9 col-xs-12">
								<h2>部门列表</h2>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="x_content" >
							<h4 id="x_content_info" style="position:absolute"></h4>
							<!-- 部门树  start-->
							<div class="zTreeDemoBackground left" style="overflow-y:auto;width:100%;" id="x_content_departTree">
								<ul id="departTree" class="ztree checkbox_false_full"></ul>
							</div>
							<!-- 部门树  end-->
						</div>
					</div>
				</div>
				<div class="col-md-8 col-sm-8 col-xs-12">
					<div class="row">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="x_panel">
								<div class="x_title">
									<h2>部门设置</h2>
									<div class="clearfix"></div>
								</div>
								<div class="x_content">
									<div class="col-md-9 col-sm-9 col-xs-12" id="x_content_02">
										<@AuthBtn>
										<button type="button" class="btn btn-primary" id="btn_100101102100" token="100101102100">新增</button>
										<button type="button" class="btn btn-success" id="btn_100101102101" token="100101102101">修改</button>
										<button type="button" class="btn btn-danger" id="btn_100101102102" token="100101102102">删除</button>
										<button type='button' class='btn btn-warning' id='btn_100101102103' token="100101102103">新增角色</button>
										<button type='button' class='btn btn-warning hidden' id='btn_100101102104' token="100101102104"></button>
										<button type='button' class='btn btn-warning hidden' id='btn_100101102105' token="100101102105"></button>
										</@AuthBtn>
									</div>
								</div>
							</div>
						</div>

					</div>
					<div class="row">

						<!-- Start to do list -->
						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="x_panel">
								<div class="x_title">
									<h2>角色设置</h2>
									<div class="clearfix"></div>
								</div>
								<div class="x_content">
									<div class="">
										<h4 id="x_content_03">请点击左侧部门获取部门角色</h4>
										<table id="tb_depart_role_list" data-reorderable-columns="true">
										</table>
									</div>
								</div>
							</div>
						</div>
						<!-- End to do list -->
					</div>
				</div>
			</div>

		</div>
	</div>
</div>

<!-- 新增部门 弹出层  star-->
<div class="modal fade" id="bs-100101102100-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
				<h4 class="modal-title" id="myModalLabel">新增</h4>
			</div>
			<div class="modal-body">
				<!-- 内容 start-->
				<form id="frm_add_depart" class="form-horizontal form-label-left" novalidate="">
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12">上级部门</label>
						<div class="col-md-9 col-sm-9 col-xs-12">
							<input id="add_depart_father" type="text" class="form-control" readonly="readonly" value="企业">
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12">部门名称
							<span class="required">*</span>
						</label>
						<div class="col-md-9 col-sm-9 col-xs-12">
							<input id='add_depart_name' type="text" class="form-control">
						</div>
					</div>

					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12">部门描述
						</label>
						<div class="col-md-9 col-sm-9 col-xs-12">
							<input id="add_depart_remark" class="date-picker form-control col-md-7 col-xs-12" required="required" type="text">
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" id="btn_100101102100_cancal" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-primary" id="btn_100101102100_save">确认</button>
			</div>
		</div>
	</div>
</div>
<!-- end -->

<!-- 修改弹出层  star-->
<div class="modal fade" id="bs-100101102101-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
				<h4 class="modal-title" id="myModalLabel">修改</h4>
			</div>
			<div class="modal-body">
				<!-- 内容 start-->
				<form id="frm_update_depart" class="form-horizontal form-label-left" novalidate="">
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12">当前部门</label>
						<div class="col-md-9 col-sm-9 col-xs-12">
							<input id="update_depart_self" type="text" class="form-control" readonly="readonly" value=" ">
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12">部门名称
							<span class="required">*</span>
						</label>
						<div class="col-md-9 col-sm-9 col-xs-12">
							<input id="update_depart_name" type="text" class="form-control" placeholder="">
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12">部门描述
						</label>
						<div class="col-md-9 col-sm-9 col-xs-12">
							<input id="update_depart_remark" class="date-picker form-control col-md-7 col-xs-12" required="required" type="text">
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" id="btn_100101102101_cancal" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-primary" id="btn_100101102101_save">保存</button>
			</div>
		</div>
	</div>
</div>
<!-- end -->

<!-- 新增角色弹出层  star-->
<div class="modal fade" id="bs-100101102103-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
				<h4 class="modal-title" id="myModalLabel">新增角色 </h4>
			</div>
			<div class="modal-body">
				<!-- 内容 start-->
				<form id="frm_add_depart_role" class="form-horizontal form-label-left" novalidate="">
					<!-- 新增角色table  start-->
					<table id="tb_depart_add_role_list" data-reorderable-columns="true"></table>
					<!-- 新增角色table  end-->
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal" id="btn_100101102103_cancal">取消</button>
				<button type="button" class="btn btn-primary" id="btn_100101102103_save">保存</button>
			</div>
		</div>
	</div>
</div>
<!-- end -->

<!-- 设置权限弹出层  star-->
<div class="modal fade" id="bs-100101102104-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
				<h4 class="modal-title" id="myModalLabel">设置权限</h4>
			</div>
			<div class="modal-body">
				<!-- 内容 start-->
				<form id="frm_set_depart_role_power" class="form-horizontal form-label-left" novalidate="">
					<!-- 菜单树  start-->
					<div class="zTreeDemoBackground left" style="overflow-y:auto;width:100%;" id="x_content_tree">
						<ul id="menuTree" class="ztree checkbox_false_full"></ul>
					</div>
					<!-- 菜单树  end-->
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal" id="btn_100101102104_cancal">取消</button>
				<button type="button" class="btn btn-primary" id="btn_100101102104_save">保存</button>
			</div>
		</div>
	</div>
</div>
<!-- end -->
</@body>
<@script>
<script type="text/javascript" src="${cxt}/controller/system/100101102.js"></script>
<script type="text/javascript" src="${cxt}/controller/system/100101102_1.js"></script>
<script type="text/javascript">
	setTimeout(function(){$("#page_content_depart").fadeIn("slow");},50);
	setTimeout(function(){
		$("#x_content_departTree").css("height",$('#ifrmContent', parent.document).height()-130);
	},10)
	setTimeout(function(){
		$("#x_content_tree").css("height",$('#ifrmContent', parent.document).height()-230);
	},2000)
</script>
</@script>